<template>
  <div class="title-test">
    <span>Title1</span>
    <PageTitle
      :title="基本信息"
      :title-icon="spaceIcon"
      :bg-color="'#188EF1'"
      :show-right-top="true"
      :rightTop="rightTop1"
      :show-right-bottom="true"
      :rightBottom="rightBottom1"
    />
    <span>Title2</span>
    <PageTitle
      :title="详细信息"
      :title-icon="temperatureIcon"
      :bg-color="'rgba(0, 194, 151, 1)'"
      :show-right-top="true"
      :rightTop="rightTop2"
      :show-right-bottom="false"
      :rightBottom="rightBottom2"
    />
  </div>
</template>

<script>
import PageTitle from "@/components/Title/index.vue";
import spaceIcon from "../../assets/images/Common/space_icon.png";
import temperatureIcon from "../../assets/images/Common/temperature.png";

export default {
  name: "Title",
  components: {
    PageTitle,
  },
  data() {
    return {
      spaceIcon,
      temperatureIcon,
      rightTop1: "111",
      rightBottom1: "10 / 12",
      rightTop2: "222",
      rightBottom2: "240",
    };
  },
};
</script>

<style scoped></style>
